<template>
  <div class="columnText">
    <p>{{title}}</p>
    <p :style="{'color':color,'font-size':fontSize + 'rem'}" >{{num}}</p>
  </div>
</template>

<script>
export default {
  data() {
    return {};
  },
  props:{
    title:String,
    num:Number,
    color:String,
    fontSize:Number
  }
};
</script>

<style lang="scss" scoped>
.columnText {
  p{
    &:nth-child(1){
      color: #999;
      font-size: .1rem;
    }
    &:nth-child(2){
      font-weight: bold;
    }
  }
}
</style>